<template>
  <div v-if="!getIsPhone">
    <play-instruction :instruction="instruction"></play-instruction>
    <lottery-dice-cleaner
      @click="handleUpdateData" 
      :item="getCurrentLotteryState[0]">
    </lottery-dice-cleaner>
    <lottery-dice-selector
      @click="handleUpdateData" 
      :item="getCurrentLotteryState[1]">
    </lottery-dice-selector>
  </div>
  <div v-else>
    <lottery-dice-cleaner-phone
      @click="handleUpdateData" 
      :item="getCurrentLotteryState[0]">
    </lottery-dice-cleaner-phone>
    <lottery-dice-selector-phone
      @click="handleUpdateData" 
      :item="getCurrentLotteryState[1]">
    </lottery-dice-selector-phone>
  </div>
</template>

<script>
import PlayInstruction from '@/components/play-instruction/play-instruction'
import LotteryDiceSelector from '@/components/lottery-type/common/lottery-dice-selector'
import LotteryDiceSelectorPhone from '@/components/lottery-type/common/lottery-dice-selector-phone'
import LotteryDiceOnly from '@/components/lottery-type/common/lottery-dice-only'
import LotteryDiceCleaner from '@/components/lottery-type/common/lottery-dice-cleaner'
import LotteryDiceCleanerPhone from '@/components/lottery-type/common/lottery-dice-cleaner-phone'
import { boxWithCleanerMixin } from '@/assets/js/mixin.js'
export default {
  mixins: [boxWithCleanerMixin],
  components: {
    PlayInstruction,
    LotteryDiceSelector,
    LotteryDiceSelectorPhone,
    LotteryDiceCleaner,
    LotteryDiceCleanerPhone
  },
  data() {
    return {
      instruction: '胆拖',
    }
  }
}
</script>

<style lang="stylus" scoped>
  
</style>